// pages/ai/createImgFeedback/index.js

const {
  aiCreationApi,
  home
} = require('../../../api/index')

Page({
  /**
   * 页面的初始数据
   */
  data: {
    top: 0,
    bottom: 0,
    feedbackShow: false,
    selectValue: "生图效果不理想",
    qrcode: '', //二维码
    hasValue: false, //描述是否有值
    formData: {
      FeedBackType: 12,
      FeedBackDescription: ''
    },
    list: [{
      value: 12,
      label: "生图效果不理想"
    }]
  },
  // 下载二维码
  async getQRcode() {
    let res = await home.getbannerinfolist({
      BannerInfoQueryParams: {
        BannerInfoGroupType: "QrCode",
        ClientType: 3
      }
    })
    this.setData({
      qrcode: res.Result[0].BannerUrl
    })
    console.log('二维码', res.Result[0].BannerUrl);
  },
  // 弹窗显示
  selectShow() {
    this.setData({
      feedbackShow: true
    })
  },
  // 反馈选择
  onColumnChange(e) {
    this.setData({
      "formData.FeedBackType": e.detail.value[0]
    })
    // console.log('反馈选择', e.detail.label[0], e.detail.value[0]);
    // console.log('反馈选择', this.data.formData);
  },
  // 输入回调
  desChange(e) {
    // console.log(e.detail.value);
    this.setData({
      "formData.FeedBackDescription": e.detail.value
    })
    if (this.data.formData.FeedBackDescription) {
      this.setData({
        hasValue: true
      })
    } else {
      this.setData({
        hasValue: false
      })
    }
  },
  // 提交反馈
  async submitFeedback() {
    if (!this.data.formData.FeedBackType || !this.data.formData.FeedBackDescription) return
    // console.log('提交反馈', this.data.formData);
    let res = await aiCreationApi.feedback({
      ImageFeedBackParams: {
        ...this.data.formData,
        TaskId: wx.getStorageSync('createImgInfo')?.taskId
      }
    })
    if (res.StatusCode === 200) {
      wx.showToast({
        title: '反馈成功',
        icon: "success"
      })
    }
    // console.log('res', res);
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getQRcode()
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    wx.createSelectorQuery().select("#top-header").boundingClientRect((rect) => {
      if (rect && rect.height) {
        this.setData({
          top: parseInt(rect.height)
        })
      }
    }).exec()
    wx.createSelectorQuery().select("#footer").boundingClientRect((rect) => {
      if (rect && rect.height) {
        this.setData({
          bottom: parseInt(rect.height)
        })
      }
    }).exec()
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})